<script setup lang="ts">
import { computed } from "vue";
import { useCacheStore } from "../../src/sde/cache";
import BlueprintTransfor from "./BlueprintTransfor.vue";

const props = defineProps<{ id: number }>();
const cacheStore = useCacheStore();
const type = computed(() => {
  return cacheStore.getType(props.id);
});

const input = computed(() => {
  return type.value?.blueprint?.manufacturing?.materials;
});

const output = computed(() => {
  return type.value?.blueprint?.manufacturing?.products;
});
</script>

<template>
  <BlueprintTransfor v-if="input && output" :input="input" :output="output" />
</template>

<style scoped lang="scss"></style>
